/*
Please note that modifying the class names in this file will affect the integrity of the application.
Copyright ?1995-2007, Camstar Systems, Inc. All Rights Reserved.
Classes for form objects
*/
/* Submit Button */
.SubmitButton, .SubmitButtonHighlight,
.MaintCloseButton, .MaintNewButton, .MaintNewRevButton, .MaintSaveButton, .MaintDeleteButton, 
.MaintDeleteRevButton, .MaintCreateCopyButton, .MaintCreateRevCopyButton, .MaintSaveNewRevButton,
.PopupLinkButton, .MaintDeleteAllButton, .MaintViewAuditButton, .PopupLinkButtonXLarge,
.PopupLinkButtonSmall, .PopupLinkButtonMedium, .PopupLinkButtonLarge,
.SubmitButtonSmall, .SubmitButtonMedium, .SubmitButtonLarge, .SubmitButtonXLarge,
.ShopfloorCloseButton
{    
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F8F8F8',EndColorStr='#EBEAEA');
	font-family: Tahoma, Helvetica;
    font-weight: bold; 
    font-size: 10pt;
	color:#2F97C4  !important;
    text-decoration:none;
 	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-bottom: gray 1px outset;
	border-right: gray 1px outset;
}

.SubmitButton
{
}
.SubmitButtonHighlight
{
    filter: none;
	background-color: #C2D0E9;
}

/* Maintenance Submit buttons */
.MaintCloseButton, .MaintNewButton, .MaintNewRevButton, .MaintSaveButton, .MaintDeleteButton, .MaintDeleteRevButton, .MaintCreateCopyButton, .MaintCreateRevCopyButton, .MaintSaveNewRevButton, .MaintDeleteAllButton, .MaintViewAuditButton
{
	padding: 1px 1px 1px 1px;
	margin-right: 5px;
	margin-top: 3px;
	width: 80px;
}

.MaintCloseButton
{
	width: 52px;
}
.MaintNewButton
{
	width: 52px;
}
.MaintNewRevButton
{
/*	width: 75px; */
}
.MaintSaveButton
{
/*	width: 55px; */
}
.MaintDeleteButton
{
/*	width: 65px; */
}
.MaintDeleteAllButton
{
/*	width: 88px; */
}
.MaintDeleteRevButton
{
/*	width: 88px; */
}
.MaintCreateCopyButton
{
/*	width: 55px; */
}
.MaintCreateRevCopyButton
{
/*	width: 85px; */
}
.MaintSaveNewRevButton
{
/*	width: 125px; */
}
/* Maintenance Submit buttons */
.ShopfloorCloseButton
{
	padding: 1px 1px 1px 1px;
	margin-right: 5px;
	margin-top: 7px;
	width: 52px;
	position:inherit;
	right:40px;
}

.PopupLinkButton, .PopupLinkButtonSmall, .PopupLinkButtonMedium,
.PopupLinkButtonLarge,  .PopupLinkButtonXLarge
{
  	text-align: center;
}

.InstanceFilterButton, .InstanceFilterButtonHighlight
{    
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F8F8F8',EndColorStr='#EBEAEA');
	font-weight:bold;
	font-family: Tahoma;
    font-size: 10pt;
	color:#2F97C4;
    text-decoration:none;
 	margin-left: 2px;
	border-top: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-bottom: gray 1px outset;
	border-right: gray 1px outset;
}
.InstanceFilterButtonHighlight
{
	border: 1px solid #E4E4E4;
}

/* Read only control */
.ReadOnlyTableXSmall, .ReadOnlyTableSmall, .ReadOnlyTableMedium, .ReadOnlyTableLarge, .ReadOnlyTableXLarge, .ReadOnlyTableDescription, .ReadOnlyTableFullWidth
{
}
.ReadOnlyTableXSmall
{
	width:76px;
}
.ReadOnlyTableSmall
{
	width: 100px;
}
.ReadOnlyTableMedium
{
	width: 175px;
}
.ReadOnlyTableLarge
{
	width: 230px;
}
.ReadOnlyTableXLarge
{
	width: 350px;
}
.ReadOnlyTableFullWidth
{
	width: 738px;
}
.ReadOnlyTableDescription
{
	width: 400px;
}

.ReadOnlyHeading
{
	
}
.ReadOnlyHeadingLabel
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
	
}
.ReadOnlyDataCell
{
	height: 22px;
	vertical-align: middle;
}
.ReadOnlyData
{
	height: 100%;
	overflow: auto;
	white-space:nowrap !important;
	width: 100%;
	border: 1px solid #A5ACB2;
	padding-top:2px;
	padding-left: 2px;
	background-color:#f0f0f0;
}

/* All of the form objects grouped together for common attribute(s) */
.TextXSmall, .TextSmall, .TextMedium, .TextLarge, .TextXLarge, 
.TextXSmallReadOnly, .TextSmallReadOnly, .TextMediumReadOnly, .TextLargeReadOnly, .TextXLargeReadOnly, 
.TextDateSmall, .TextDateMedium, .TextDateLarge, .TextDateXLarge, 
.TextDescription, .TextAreaSmall, .TextAreaMedium, .TextAreaLarge, .TextAreaNotes, .TextAreaNotesReadOnly, .FileBrowseTextBox,
.TextNDORDOSmall, .TextNDORDOMedium, .TextNDORDOLarge,
.SelectSmall, .SelectMedium, .SelectLarge, .SelectMultipleSmall, .SelectMultipleMedium, .SelectMultipleLarge, 
.Checkbox, .Radio, .Button, .Submit, .TimeDays, .TimeHM, select, .FilterTextBox, .ListBoxSmall, .ListBoxMedium, 
.ListBoxLarge, .Calendar, .TextMediumError, .TextMediumWarning, .CheckboxWarning, .CheckboxError
{
   border: 1px solid #A5ACB2; 
}

/* Input = Text */
.TextSmall, .TextMedium, .TextLarge, .TextXLarge, 
.TextDateSmall, .TextDateMedium, .TextDateLarge, .TextDateXLarge, 
.TextNDORDOSmall, .TextNDORDOMedium, .TextNDORDOLarge,
.TextDescription, .TimeDays, .TimeHM, .FilterTextBox, .Calendar,
.TextMediumError, .TextMediumWarning
{
   /* add elements specific to the text input */
   height:22px;
}
/* Input = Text (ReadOnly)*/
.TextXSmallReadOnly, .TextSmallReadOnly, .TextMediumReadOnly, .TextLargeReadOnly, .TextXLargeReadOnly
{
    background-color: #f0f0f0;
}
.TextNDORDOSmall
{
    width: 73px;
}
.TextNDORDOMedium
{
    width: 148px;
}
.TextNDORDOLarge
{
    width: 203px;
}
.TextDateXSmall
{
    width: 48px;
}
.TextDateSmall
{
    width: 68px;
}
.TextDateMedium
{
    width: 143px;
}
.TextDateLarge
{
    width: 198px;
}
.TextDateXLarge
{
    width: 318px;
}

.TextXSmall, .TextXSmallReadOnly
{
    width: 80px;
}
.TextSmall, .TextSmallReadOnly
{
    width: 100px;
}
.TextMedium, .TextMediumReadOnly, .TextMediumError, .TextMediumWarning
{
    width: 175px;
}
.TextLarge, .TextLargeReadOnly
{
    width: 230px;
}
.TextXLarge, .TextXLargeReadOnly
{
    width: 350px;
}
.TextDescription
{
    width: 400px;
}
.TextMediumError, .CheckboxError, .SelectMediumError
{
    background-color: #ff4646;
}

.FileBrowseTextBox
{
	background-color: #ffffff;
}

.TextMediumWarning, .CheckboxWarning, .SelectMediumWarning
{
    background-color: #ffc446;
}
.TextScaleStatus
{
	width:100px;
	text-align:center;
	border-width:0px;
	font-weight: bold;
}
.TextWeight, .TextWeightUOM, .TextWeightRed, .TextWeightYellow
{
    text-align:right;
    padding-bottom:2px;
    font-weight: bold;
    font-size:35px;
    width:330px;
    height:45px;
    font-family:Arial;
    border: 1px solid #A5ACB2;
}
.TextWeightUOM
{
    text-align:left;
    width:170px;
}
.TextWeightRed
{
    color:#E22804
}
.TextWeightYellow
{
    background-color:Yellow;
}

.TimeDays
{
    width: 35px;
/*    maxLength: 1; */
/*    not valid according to the w3c and must be inline */
}

.TimeHM
{
    width: 30px;
/*    maxLength: 1; */
/*    not valid according to the w3c and must be inline */
}

/* textarea */
.TextAreaSmall, .TextAreaMedium, .TextAreaLarge, .TextAreaNotes, .TextAreaNotesReadOnly
{
   /* add elements specific to the textareas */
}

.TextAreaSmall
{
    width: 200px;
    height: 100px;
}

.TextAreaMedium
{
    width:  400px;
    height: 175px;
}

.TextAreaLarge
{
    width:  600px;
    height: 235px;
}

.TextAreaNotes, .TextAreaNotesReadOnly
{
    width:  600px;
    height: 68px;
}

.TextAreaNotesReadOnly
{
    background-color:#f0f0f0 !important;
}

.FileBrowseTextBox
{
	width: 312px;
}

/* list box */
.ListBoxSmall, .ListBoxMedium, .ListBoxLarge
{
   /* add elements specific to the list boxes */
}

.ListBoxSmall
{
    width: 100px;
}

.ListBoxMedium
{
    width:  200px;
}

.ListBoxLarge
{
    width:  300px;
}

/* input type select */
/* note that these should be used for demos to show a uniformed form. Using these for production can result */
/* in the selections not being shown */
select, .SelectSmall, .SelectMedium, .SelectLarge, .SelectMultipleSmall, .SelectMultipleMedium, .SelectMultipleLarge
{
	/* add specific elements */
	border: none; 
}

/* bottom margin is necessary for the selects to be the same size as text fileds */
select
{
    margin-bottom: 2px;
}

.SelectSmall
{
    width: 100px;
    height: 22px;
}

.SelectMedium, .SelectMediumError, .SelectMediumWarning
{
    width: 175px;
}

.SelectLarge
{
    width: 230px;
}

.SelectMultipleSmall, .SelectMultipleMedium, .SelectMultipleLarge
{
	/* add specific elements */
}

.SelectMultipleSmall
{
    width:  200px;
    height: 118px;
}

.SelectMultipleMedium
{
    width:  300px;
    height: 150px;
}

.SelectMultipleLarge
{
    width:  400px;
    height: 198px;
}


/* checkbox */
.Checkbox
{
  height: 15px;
  width:  15px;
  margin-left: 3px;
  border: none;
}

/* radio */
.Radio
{
  height: 20px;
  width:  20px;
  margin-left: 1px; 
  border: none;
}

/* title control used within sections */
.Title
{
    width: 100%;
    height: 20px;
    border: none;
 }

.TitleLabel
{
    font-weight: bold;
    color: #666666;
    font-size: x-small;
    
}

.TitleLabelCell
{
	padding-left: 8px;
	padding-right: 5px;
	font-size: x-small;
	color:#0E65BD;
	
}

.TitleLeftCell
{
	width: 30px;
}

.TitleRightCell
{/*80*/
	width: 100%;
}

/* Section control */
.SectionControl
{
    height: 20px;
    padding-top: -2px;
    padding-bottom: -2px;
    padding-left: 8px;
    width: 100%;
    font-weight:bold;
    layer-background-color: #DCD9D0;    
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#d7f1ff');
     border: solid 1px #2F97C4;
    
 }
/* Title and links for section control */
.SectionSelected, .SectionLink 
{
	font-family: Tahoma;
    font-weight: bold; 
    font-size: 10pt;
	color:#2F97C4;
}

.SectionSelected
{
	color:White;
	height:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#d7f1ff',EndColorStr='#015175');/*2F97C4*/
	
		
	
}


/* Data Grid Styles */
.DataGrid
{
}

.DataGridPagerStyle
{
	vertical-align: bottom;
	horizontal-align: right;
	height: 100%;
	background-color: #F1EFE7;
}

.DataGridItemStyle, .DataGridHeaderStyle, .DataGridAlternatingItemStyle, .DataGridSelectedItemStyle, .DataGridEditItemStyle,
.GridHeaderStyle, .GridRowStyle, .GridRowAlternateStyle, .GridSelectedRowStyle, .GridEditCellStyle
{
	cursor: hand;
	font-size: x-small;
	color: Black;
	vertical-align: middle;
	text-align:left;
}

.DataGridItemStyle, .GridRowStyle
{
	border-bottom: solid 1px gray;
	border-right: solid 1px gray;
	padding: 1px 0px 0px 3px;
	font-size:12px;
	font-family: Trebuchet MS;
	background-color: White;
	text-align:left;
}
.DataGridAlternatingItemStyle, .GridRowAlternateStyle
{
	border-bottom: solid 1px gray;
	border-right: solid 1px gray;
	padding: 1px 0px 0px 3px;
	font-size:12px;
	font-family: Trebuchet MS;
	background-color:#D6F1FF;
	text-align:left;	
	padding-left:3px !important;
}
.DataGridSelectedItemStyle, .GridSelectedRowStyle
{
	color: White;
	background-color: #808080;
}
.GridSelectedRowStyle
{
	background-color:LightYellow !important;
	font-size:12px;
	font-family: Trebuchet MS;
	border-width:0px;
	padding-left:7px;
	text-align:left;
	color:Black !important;
}
.DataGridEditItemStyle, .GridEditCellStyle
{
	cursor:text;
	background-color: #F9F9F5;
}
.DataGridHeaderStyle, .GridHeaderStyle
{
	background-color:#c7def4 !important;
	font-family: Arial;
	font-size: 9pt;
	border-width:0px;
	padding-top:5px;
	padding-left:7px;
	text-align: left;
	vertical-align:middle;
	border-right:solid 1px #d4d4d4 !important;
	border-left:solid 1px #ffffff !important;
	white-space:nowrap !important;
}
.DataGridWrapperPanel
{
	border: inset 1px #808080;
}

/* Infragistics styles */
/*
.GridHeaderStyle, .GridRowStyle, .GridRowAlternateStyle, .GridSelectedRowStyle
{
	cursor: hand;
	font-size: x-small;
	color: Black;
	vertical-align: middle;
	horizontal-align: left;
}

.GridHeaderStyle
{
    color: White;
	font-weight: bold;
	background-color: #7896CF;
	horizontal-align: center;	
}

.GridRowStyle
{
  	background-color: #F5F5F5;
}

.GridRowAlternateStyle
{
   	background-color: #E5E5E5;
}

.GridSelectedRowStyle
{
    color: White;
	background-color: #808080;
}
*/

/* For form width indicators */
.StandardWidthIndicator, .FullWidthIndicator
{
	background-color: Transparent;
}
.StandardWidthIndicator
{
	width: 738px;
}
.FullWidthIndicator
{
	width: 900px;
}
/* The table controlling the line */
.IndicatorLineTable
{
	width: 100%;	
	height: 3;
	background-color: #808080;
}
.IndicatorTitleCell
{
	width: 125px;
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	nowrap: true;	
}

/* 
List Control 
Be very carefull when changing these properties.
The ContIframe, ContTree, and ContTable all need to be set so that
the issue with the DropDown lists bleeding through layers does not occur
*/
.ContPanel, .ContTable, .ContTree, .ContIframe, .ContIframeNoFilter, .ContIframePaging, 
.ContIframePagingNoFilter, .ContIframeNoPageViewNew, .ContIframeNoPageViewNewFilter, 
.ContIframeBound
{
	width: 200px;
	height: 150px;
    background-color: #DCD9D0; 
}

.ContPanel
{
	position: absolute; 
    border: 1px solid #666666;
}

.ContTable
{
	position: absolute;
	top: 0;
	left: 0;
}

.ContTree
{
    overflow: auto;
	background-color: #F1EFE7;
	border-top: 1px solid #666666;
	width: 202px;
}
.ContIframe, .ContIframeNoFilter, .ContIframePaging, .ContIframePagingNoFilter, 
.ContIframeNoPageViewNew, .ContIframeNoPageViewNewFilter, .ContIframeBound
{
	width: 202px;
}
.ContIframe
{
	height: 195px;
}
.ContIframeNoFilter
{
	height: 170px;
}
.ContIframePaging
{
	height: 195px;
}
.ContIframePagingNoFilter
{
	height: 169px;
}
.ContIframeNoPageViewNew
{
	height: 175px;
}
.ContIframeNoPageViewNewFilter
{
	height: 150px;
}
.ContIframeBound
{

}

.FilterControl
{
    width: 100%;
	background-color:white;
}

.InstanceListFilterControl
{
    width: 100%;
    background-color: white;
}
.InstanceListPagerControl
{
	background-color: #fafafa;
}

.FilterPanel
{
	background-color:#fafafa;
}

.FilterTextBox
{
	width: 145px;
}

/* Calendar/Date Control */
.Calendar
{
	background-color:#f2f2f2;
	border:solid 1px #d4d0c8;
	width:180px;
	font-size:15px;
	
}
.CalendarImage
{
	padding-left: 2px;
}

.CalendarDayHeaderStyle, .CalendarDayStyle, .CalendarNextPrevStyle, .CalendarSelectedDayStyle, 
.CalendarSelectorStyle, .CalendarTitleStyle, .CalendarTodayDayStyle, .CalendarWeekendDayStyle
{
	font-size:15px;
	font-family:Arial;
	color:Black;
	font-weight:bold;
}

.CalendarDayStyle, .CalendarTodayDayStyle, .CalendarWeekendDayStyle, .CalendarOtherMonthDayStyle
{
	border-left:solid 1px #c8c8c8 !important;
	background-color:#f2f2f2;
}


.CalendarSelectedDayStyle
{
	color:White !important;
	background-color:#1d82b0 !important;
}

.CalendarDayHeaderStyle
{
	color:Black;
	border-left:none !important;
	background-color:#f2f2f2;
}

.CalendarOtherMonthDayStyle
{
	color:#c8c8c8 !important;
}

.CalendarTitleStyle,.CalendarNextPrevStyle
{
	color:White;
	background-image:url(../images/cal-header.jpg);
}

.CalendarDayStyle
{
	color:#1c82ba ;
}


/*Calendar DateChooser Control*/

.DateChooserCalendar
{
	width:180px;
	font-size:15px;
	font-family:Arial;
	font-weight:bold;
}

/* Used by the Workflow toolbar */
.ToolbarBackground
{ 
	background-image: url(/InSiteWebApplication/images/WFToolbarBackground.jpg); 
	width: 600px;
	padding-left: 6px;
	padding-top: 4px;
}

.ToolbarImageGroup
{
	padding-right: 20px;
	cursor: hand;
}			

.LineAssignment
{
    width:616px
}

.PickListPanel
{
	background-image:url(../images/filter-header.jpg);
	background-repeat:repeat-x;
	position: absolute;
	border: 1px solid #666666;
}

.PickListView
{
    overflow: auto;
    background-color: white;
}

.InstanceListPickListView
{
    overflow: auto;
    background-color: White;
    overflow-x:hidden !important;
	scrollbar-base-color: #a4d7f4;
	scrollbar-arrow-color: #388ebd;
	scrollbar-face-color: #e9f4f8;
	scrollbar-highlight-color: #e9f4f8;
	scrollbar-shadow-color: #388ebd;
}

.PickListRow
{
    font-size: 12px;
    font-weight: bold;
    color: #0E65BD;
    margin-left: 1pt;
}

.PickListRowSelected
{
    font-size: 12px;
    font-weight: bold;
    background-color:#d7f1ff;
    border: solid 1px #2F97C4;
    color: #0E65BD;
    margin-left: 0pt;
}

.PickListTreeRoot
{
    font-size: 12px;
}

/* Parametric Data Classes */
table.IterationGrid
{
    overflow: hidden;
    border: solid 1px #808080;
    width: 0%;
}

td.IterationGrid
{
	font-size: 8pt;
	color: Black;
	vertical-align: middle;
	text-align: left;
	border-bottom: solid 1px gray;
	border-right: solid 1px gray;
	padding: 2px 2px 2px 2px;
	background-color: #F5F5F5;
	width: 150px;
	height: 20px;
}
.IterationGridFooter
{
	overflow: auto;
	font-family: Verdana;
	font-size: 8pt;
	background-color: #D3D3D3;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-style: Solid;
	border-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	width: 100%;
	padding: 5px;
}

.IterationGridAddButton
{
    cursor: hand;
    background-color:#7896CF;
    border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-style: Solid;
	border-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	width: 20px;
}

.IterationGridAddButtonLabel
{
	font-family: Verdana;
	font-size: 8pt;
	padding-right:5px;
}

.IterationGridHeader, .IterationGridRequiredHeader
{
    cursor: default;
	background-color:#7896CF;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #808080 1px solid;
	border-right: #808080 1px solid;
	padding-left:2px;
	padding-right:2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family:Verdana;
	font-size:8pt;
	color:white;
	text-align:center;
}
span.IterationSpan
{
	font-size:8pt;
}

.IterationGridHeader
{
	font-weight:normal;
}

.IterationGridRequiredHeader
{
	font-weight: bold; 
}

table.RowColumnMatrix
{
    overflow: hidden;
    border: none;
    width: 0%;
}

td.RowColumnMatrix
{
	font-size: x-small;
	color: Black;
	vertical-align: top;
	text-align: left;
	border: none;
	padding: 2px 2px 2px 2px;
	background-color: #F5F5F5;
	width: 150px;
}

.HiddenElement
{
	display: none;
}
.ShowDisabled
{
	background-color: lightgrey;
	display: none;
}
td.ShowDisabled
{
	background-color: lightgrey;
	color: DarkGray;
	text-align: center;
	display: none;
}

.VerticalScrollBarAlways
{
	overflow-y: scroll;
}

.SubmitButtonSmall, .PopupLinkButtonSmall
{
	width: 90px;
	height: 24px;
}
.SubmitButtonMedium, .PopupLinkButtonMedium
{
	width: 125px;
	height: 24px;
}
.SubmitButtonLarge, .PopupLinkButtonLarge
{
	width: 140px;
	height: 24px;
}
.SubmitButtonXLarge
{
	width: 160px;
	height: 24px;
}

.ComputationExpressionTextBox
{
	overflow: auto;
	width: 350px;
	height: 50px;
	font-weight: bold; 
	border: 1px solid #A5ACB2; 
	background-color: transparent;
}
.DateTimeTextBox
{
    background-color:transparent;
    border:0px;
    color:White;
    text-align:right;
}

/* SPC Styles */
div.firstColumn
{
	float:left;
    background-color:Blue;
	
}

div.secondColumn
{
	background-color:Red;
	float:left;
}

div.spcPanel
{
	position:relative;
}
/* end of SPC Styles */
